<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/x-icon" href="ico/favicon.ico">
    <link rel="stylesheet" href="./css/apply.min.css">
    <link rel="stylesheet" href="../common/css/header.min.css">
    <link rel="stylesheet" href="../common/css/footer.min.css">
    <link rel="stylesheet" href="../common/css/reset.min.css">
    <link rel="stylesheet" href="../common/css/common.min.css">
    <link rel="stylesheet" href="../common/font//iconfont.css">
    <title>Dickies官方网站-注册页</title>
</head>

<body>
    <div class="header"></div>
    <div class="con">
        <div class="con-con">
            <h3>用户注册</h3>
            <div class="phone">
                <div class="phone-number">
                    <input type="text" placeholder="请填写11位手机号" name="userPhone">
                    <span class="phone-number-t">
                    <!-- 手机号填写错误 -->
                    </span>
                </div>
                <div class="set-pwd">
                    <input type="password" placeholder="请设置密码" name="userPwd">
                    <span class="set-pwd-t">
                        <!-- 请正确设置密码 -->
                    </span>
                </div>
                <div class="reset-pwd">
                    <input type="password" placeholder="请再次确认密码">
                    <span class="reset-pwd-t">
                        <!-- 请再次确认密码 -->
                    </span>
                </div>
                <div class="img-verify">
                    <input type="text" placeholder="请输入验证码（区分大小写）" id="text" class="fl">
                    <span class="img-verify-t">
                      ⛔  请输入验证码
                    </span>
                    <canvas id="canvas" onclick="dj()"></canvas>
                    <span onclick="dj()" class="img-verify-s">看不清楚？换一张</span>
                </div>
                <div class="news-verify">
                    <input type="text" placeholder="请输入短信验证码" id="news" class="fl">
                    <span class="news-verify-t">
                        <!-- 请输入验证码 -->
                    </span>
                    <button onclick="getnumberRod()">获取验证码</button>
                </div>
                <input type="checkbox" name="must" id="must">
                <p>
                    我已阅读并同意Dickies的
                    <a href="">隐私政策</a> 和
                    <a href="">使用条款</a>
                </p>
                <button class="bbb disabled">注册</button>
            </div>
        </div>
    </div>
    <div class="footer"></div>
    <div class="modal_cover">
        <div class="modal">
            <p></p>
        </div>
    </div>
</body>

</html>
<script src="../jquery-3.5.1/jquery-3.5.1.min.js"></script>
<script src="js/apply.js"></script>
<script>
    $(".header").load("../common/html/header.html", function() {
        window.onscroll = function() {
            // console.log($(window).scrollTop())
            if ($(window).scrollTop() > 70) {
                $(".header-bar-menus-t").css({
                    height: 45,
                    marginTop: 0,
                    width: "100%",
                    backgroundColor: "#fff",
                    zIndex: 1000,
                    position: "fixed",
                    top: 0,
                })
                $(".header-bar-menus-t-con .logo img").css({
                    width: 70,
                })
                $(".header-bar-menus-t-con .logo").css({
                    position: "absolute",
                    left: 10,
                    top: 3,
                    zIndex: 2000,
                })
            }
            if ($(window).scrollTop() < 70) {
                $(".header-bar-menus-t").css({
                    height: 45,
                    marginTop: 30,
                    width: "100%",
                    backgroundColor: "#fff",
                    zIndex: 1000,
                    position: "",
                    top: "",
                })
                $(".header-bar-menus-t-con .logo img").css({
                    width: 170,
                })
                $(".header-bar-menus-t-con .logo").css({
                    position: "absolute",
                    left: 10,
                    top: -30,
                    zIndex: 2000,
                })
            }
        }
    })

    $(".footer").load("../common/html/footer.html", function() {
        $(".nav li").eq(2).click(function() {
            $(window).scrollTop(0);
        })
    })
</script>